<template>
    <div class="foot">
        <div class="xin">
            <div class="left">
                <div class="logo">
                </div>
                <h1>加入创作者生态</h1>
                <p>若您和您的团队想发行推广数字藏品，请联系</p>
                <p><a href="">ip@ibox.com</a><a href="">ip2@ibox.com</a></p>
                <div class="line"></div>
                <p style="margin-bottom: 15px;"><a href="">琼ICP备2021003935号</a></p>
                <p style="margin-bottom: 15px;    color: #939393;"><span></span>琼公网安备 46902302000560号</p>
                <p style=" color: #939393; width: 1000px;">©2021 海南链盒科技有限公司 地址：海南省澄迈县老城镇高新技术产业示范区海南生态软件园孵化楼三楼1001 联系电话：400 0090 990 </p>
            </div>
            <div class="right">
                <ul>
                    <li><a href="">联系我们</a></li>
                    <li><a href="">商务合作</a></li>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">用户协议</a></li>
                </ul>
            </div>
        </div>
    </div>
</template>

<script lang="ts" setup>

</script>

<style lang="scss" scoped>
    *{
        margin: 0;
        padding: 0;
    }
    .foot{
        background-image: url(https://www.ibox.art/zh-cn/static/img/c10babe.v1669810212431.svg);
        background-repeat: no-repeat;
        background-size: 459px 235px;
        width: 100%;
        padding: 60px 15px;
        .xin{
            width: 1200px;
            display: flex;
            margin: auto;
          .left{
            .logo{
                background-image: url(https://www.ibox.art/zh-cn/static/img/4d37743.v1669810212431.png);
                width: 158px;
                height: 54px;
                margin-bottom: 30px;
            }
            width: 450px;
            height: 329px;
            margin-right: 168px;
            .line{
                width: 100%;
                height: 1px;
                background-color: #c7bbed;
                margin: 25px 0;
            }
            h1{
                margin-bottom: 8px;
            }
            p{
                font: 100 14px/20px '';
                span{
                    background-image: url(https://www.ibox.art/zh-cn/static/img/0c57706.v1669810212431.png);
                    background-repeat: no-repeat;
                    background-size: 16px 16px;
                    background-position: 2px 10px;
                    display: inline-block;
                    width: 20px;
                    height: 25px;
                    padding-right: 5px;
                }
            }
            a{
                margin-right: 10px;
                text-decoration: none;
                color: blue;
            }
            p:nth-of-type(2){
                margin-top: 5px;
            }
          }
          .right{
            ul{
                list-style: none;
                li{
                    a{
                        text-decoration: none;
                        color: #333;
                        font: 100 14px/20px '';
                    }
                    margin-bottom: 8px;
                }
            }
          }
        }
    }
</style>